@charset "utf-8";
:root{
    --backgournd-f0f3f5:#F0F3F5
}
.wrap-title{margin-bottom: 1.875rem;text-align:center;animation:fadeInDown 1s;}
.wrap-title:after{display:block;margin: 10px auto 0px;width: 5rem;height:5px;content:"";background:var(--vi-color);border-radius:3px;}
.wrap-title h2{font-size:42px;font-weight:bold;line-height:1.25;color:#132842;}
.wrap-title h2 a{color:#132842;}
.wrap-title h2 a:hover{color:var(--vi-color);}
.wrap-title em{font:12px/1.25 "DIN Medium";color:#64728d;text-transform:uppercase;}
.wrap-title.white *{color:#fff;} 
section.news{
    background-color: #e4e4e4;
    padding: 50px 0 !important;
}
.news-content .news-content-left{
    height: auto;
    background: #fff;
    transition: .3s all;
    -webkit-transition: .3s all;
    cursor: pointer;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 66.666666% 33.333333%;
    }
.news-content .news-content-left .img-div {
    width: 100%;
    overflow: hidden;
    height: 50%;
    position: relative;
    border-radius: 10px;
    padding-top: 50%;
}
.news-content .news-content-left .left-item a:nth-child(2) .img-div{
    display: none;
}
.news-content .news-content-left .img-div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s
}

.news-content .news-content-left .left-item:hover {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.13);
    z-index: 1
}

.news-content .news-content-left:hover img {
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%
}
.news-content .news-content-right {
    margin-left: 1px;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 33.333333% 33.333333% 33.333333%;
}
.news-content .news-content-right .right-item,.news-content .news-content-left .left-item{
    background: #fff;
    padding: 0px 42.5px 20px 41px;
    border-bottom: 1px solid #e4e4e4;
    margin-right: 1px;
    transition: .3s all;
    -webkit-transition: .3s all;
    cursor: pointer;
    box-sizing: border-box;
}
.news-content .news-content-left .left-item{width: 100%;}
.news-content .news-content-left .left-item:nth-child(1){
    padding-top: 20px;
    border-top: none;
    border-bottom: 1px solid #e4e4e4;
    /* margin-bottom: 0; */
}
.news-content .news-content-right .right-item:hover {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.13);
    z-index: 1
}
.news-content .info-introduction {
    margin-top: 22.3px
}

.news-content .info-introduction .info-type {
    background: rgba(207,38,28,0.1);
    border-radius: 4px;
    font-size: 14px;
    color: #cf261c;
    padding: 5px 10px;
    min-width: 50px;
    text-align: center;
    display: inline-block;
    margin-bottom: 8px
}

.news-content .info-introduction .info-subtitle {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    letter-spacing: .11px;
    line-height: 32px;
    margin-bottom: 12px;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
    text-overflow: ellipsis;
    overflow: hidden;
    display:block;
    white-space: nowrap;
}

.news-content .info-introduction .info-desc {
    font-size: 16px;
    color: #333;
    line-height: 26px;
    margin-bottom: 7.3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.news-content .info-introduction .info-time {
    font-size: 16px;
    color: #666;
    line-height: 25.57px
}
.new-split-banner-container-2 {
    float: none !important;
    margin: 0 auto;
    padding: 0
}
.new-split-banner-container-2 .title-wrapper .title {
    display: inline-block;
    color: #333;
    font-weight: 900;
    font-size: 2.125rem;
    margin: 0 20px .7rem
}

.new-split-banner-container-2 .title-wrapper .line-separator {
    margin: 0 auto;
    display: block;
    width: 3.4375rem;
    height: 4px;
    background-color: #cf261c
}

.new-split-banner-container-2 .new-split-banner-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 1.5rem;
    flex-wrap: wrap;
    box-sizing: border-box;
    overflow: hidden;
}
.new-split-banner-container-2 .new-split-banner-wrapper .left-banner-wrapper{
    flex-basis: 60%;
    padding-right: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
.new-split-banner-container-2 .new-split-banner-wrapper .left-banner-wrapper .new-split-banner-col-small.public-style{
    flex-basis: 50%;
    padding-right: 15px;
}
.new-split-banner-container-2 .new-split-banner-wrapper .left-banner-wrapper .new-split-banner-col-small.public-style:last-child{padding-right:0}
.new-split-banner-container-2 .new-split-banner-wrapper .left-banner-wrapper .new-split-banner-col-big.public-style{margin-bottom: 15px;}
.new-split-banner-container-2 .new-split-banner-wrapper .left-banner-wrapper .public-style{
    width: 100%;
    margin: 0;
}
.new-split-banner-container-2 .new-split-banner-wrapper .right-banner-wrapper{
    flex-basis: 40%;
}
.new-split-banner-container-2 .new-split-banner-wrapper .right-banner-wrapper .public-style{
    height: 100% !important;
}
.new-split-banner-container-2 .new-split-banner-wrapper .right-banner-wrapper .new-split-banner-col-big{
    width: 100%;
    margin: 0;
}
.new-split-banner-container-2 .new-split-banner-wrapper .public-style {
    margin-bottom: 36px;
    position: relative;
    max-height: 320px;
    overflow: hidden;
}
.new-split-banner-container-2 .new-split-banner-wrapper  .right-banner-wrapper .public-style{max-height: 655px;}
.new-split-banner-container-2 .new-split-banner-wrapper .public-style>div:not(.cq-Editable-dom) {
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.new-split-banner-container-2 .new-split-banner-wrapper .public-style>div a {
    height: 100%;
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .public-style {
    margin-bottom: 25px
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-small.single-small {
    width: calc(33.73% - 22.210px)
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-small.single-small div.h100 {
    height: 100%;
    overflow: hidden
}

.new-split-banner-container-2 .new-split-banner-wrapper .public-style a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition:all .5s ease;
    background-position: center bottom;
}
.new-split-banner-container-2 .new-split-banner-wrapper .public-style a:hover{
    transform:scale(1.05)
}
.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .public-style.pc-samll {
    width: calc(33.73% - 22.210px)
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper div.h100 div.cq-placeholder {
    display: none
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .public-style.pc-samll div.h100 {
    height: 100%;
    overflow: hidden
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .public-style.pc-big {
    display: flex;
    overflow: hidden
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .public-style a {
    height: 100%
}

.new-split-banner-container-2 .new-split-banner-wrapper .public-style a .new-split-banner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0,65%);
    -moz-transform: translate(0,65%);
    transform: translate(0,65%);
    transition: .5s
}

.new-split-banner-container-2 .new-split-banner-wrapper .mobile-show {
    display: none
}

.new-split-banner-container-2 .new-split-banner-wrapper .mobile-hide {
    display: block
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-small .single-small {
    width: calc(33.73% - 22.210px)
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .new-split-banner-col-small {
    height: 100%
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .new-split-banner-col-small div.h100 {
    height: 100%;
    overflow: hidden
}

.new-split-banner-container-2 .new-split-banner-wrapper .public-style .new-split-banner-col-des-mobile {
    display: none
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .new-split-banner-col-small {
    width: calc(50% - 12.5px);
    flex: 1
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .new-split-banner-col-small .new-split-banner-en {
    height: 100%
}

.rtl .new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .new-split-banner-col-small.right {
    margin-left: 0;
    margin-right: 12.5px
}

.rtl .new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .new-split-banner-col-small.left {
    margin-left: 12.5px;
    margin-right: 0
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .new-split-banner-col-small.left {
    margin-right: 12.5px
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .new-split-banner-col-small.right {
    margin-left: 12.5px
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-small {
    width: 31.81%;
}
.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-small:nth-child(1),
.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big:nth-child(2),
.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-small:nth-child(7),
.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big:nth-child(6)
{
    width: 48%;
}
.new-split-banner-container-2 .new-split-banner-wrapper .single-big a,.new-split-banner-container-2 .new-split-banner-wrapper .pc-samll a {
    padding-bottom: 0
}

.new-split-banner-container-en .new-split-banner-wrapper .new-split-banner-col-small a {
    height: 100%
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .h100 {
    height: 100%;
    overflow: hidden
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big {
    width: 66.1%;
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big {
    width: 66.1%
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big .h100 {
    height: 100%;
    overflow: hidden
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-big a {
    padding-bottom: calc(48.293% - 193.12px);
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des {
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: auto;
}

.new-split-banner-container-2:not(.new-split-banner-container-2-en) .new-split-banner-wrapper .new-split-banner-col-des {
    background-image: linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.3) 70%)
}

.new-split-banner-container-2:not(.new-split-banner-container-2-en) .new-split-banner-wrapper .new-split-banner-col-des.text-color-grey h4 {
    color: #333;
    font-weight: bold
}

.new-split-banner-container-2:not(.new-split-banner-container-2-en) .new-split-banner-wrapper .new-split-banner-col-des.text-color-grey h6 {
    color: #333
}

.new-split-banner-container-2:not(.new-split-banner-container-2-en) .new-split-banner-wrapper .new-split-banner-col-des.text-color-grey span {
    color: #333
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des {
    bottom: auto;
    top: -20px;
    height: 100%;
    padding-top: 25px
}

.new-split-banner-container-en .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des {
    top: auto;
    padding-top: 12px
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des h4 {
    font-size: 1.375rem;
    color: #fff;
    line-height: 38px;
    white-space: nowrap;
    font-family: "OpenSansBold","Microsoft YaHei","Helvetica Neue","PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1.075rem 1.375rem;
}

.rtl .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des h4 {
    padding-right: 1.375rem;
    padding-left: 0
}

.new-split-banner-container-2:not(.new-split-banner-container-2-en) .new-split-banner-wrapper .new-split-banner-col-des h4 {
    font-weight: bold
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des h6 {
    padding-left: 1.42rem;
    font-weight: normal;
    font-size: 1rem;
    color: #fff;
    margin: 0 0 2rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 1.42rem;
}

.rtl .new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des h6 {
    padding-left: 0;
    padding-right: 1.42rem
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des span {
    font-style: normal;
    color: #fff;
    line-height: 1.6rem;
    margin-left: 1.42rem;
    opacity: 0;
    font-size: 1rem;
    cursor: pointer
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des span img {
    width: .4rem;
    margin-left: 5px;
    margin-top: -2px;
    display: inline-block
}

.new-split-banner-container-2 .new-split-banner-wrapper .new-split-banner-col-des span:hover img {
    margin-left: .5rem;
    transition: .4s
}
.background-color-ededed{background-color:#ededed;}
@media(max-width:1600px){
.wrap-title h2{font-size:36px;}
}
@media(max-width:1200px){
.mobile-hidden{display: none !important;}
.wrap-title{margin-bottom:25px;}
.wrap-title:before{width:22px;height:7px;}
.wrap-title h2{font-size:20px;}
.wrap-title p{margin-top:10px;font-size:16px;}
.banner .swiper-slide video,.banner .swiper-slide img,.banner .swiper-slide picture{
    height: 100%;
    object-fit: cover;
}
}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;z-index:1;clear:both;overflow:hidden;height: 100vh;}
.banner .swiper-slide{overflow:hidden;position:relative;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
/* .banner .swiper-slide video,.banner .swiper-slide picture{height: 56vh;min-height: 100vh;object-fit: cover;} */
.banner .swiper-slide img{display:block;width:100%;transform:scale(1.1);transition:all 4s linear;}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1);}
.banner .swiper-pager{position:absolute;z-index:9;bottom:64px;left:0;width:100%;text-align: center;}
.banner .swiper-pager span{margin-left:0;margin-right:15px;width:70px;height:4px;background: #cf261c;opacity:.3;border-radius:0;}
.banner .swiper-pager span.swiper-pagination-bullet-active{opacity:1;}
.banner .swiper-arrow{position:absolute;z-index:9;left:50%;top:50%;width:83.33vw;transform:translate(-50%,-50%);display:flex;justify-content:space-between;width:83.33vw;}
.banner .swiper-arrow>div{width:60px;height:60px;line-height:58px;text-align:center;cursor:pointer;color:#fff;border:#fff solid 1px;border-radius:50%;}
.banner .swiper-arrow>div:hover{background:var(--vi-color);border-color:var(--vi-color)}
@media(max-width:1200px){
.banner .swiper-prev,.banner .swiper-next{display:none;}
.banner .swiper-pager{bottom:20px;}
.banner .swiper-pager span{margin:0 5px !important;width:8px;height:8px;}
}
/*--end banner--*/

/*--products--*/
.products{padding:70px 0;overflow:hidden;background:#fff;}
.products-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.products-inner>div{width: calc(50% - 12px);}
.products-inner .item{display:block;position:relative;overflow:hidden;}
.products-inner .item .pic{overflow:hidden;}
.products-inner .item .pic img{display:block;transition:all 1s;}
.products-inner .item .text{position:absolute;left:0;top:0;width:100%;height:100%;}
.products-inner .item .text:before{display:block;position:absolute;left:0;content:"";background:var(--vi-color);}
.products-inner .item:hover .pic img{transform:scale(1.1);}
.products-left .item{animation:fadeInLeft .5s linear;}
.products-left .item .text{padding:8.5%;}
.products-left .item .text:before{top:10%;width:4px;height:22px;}
.products-left .item .text h3{font-size:38px;font-weight:bold;line-height:40px;color:#132842;}
.products-left .item .text p{margin-top:20px;width:280px;font-size:16px;color:#132842;line-height:26px;}
.products-left .item .text span{display:inline-block;margin-top:25px;font-size:18px;color:#fff;padding:15px 40px;background:var(--vi-color);}
.products-left .item .text span:after{display:inline-block;margin-left:15px;font-family:"iconfont";content:"\e694";}
.products-left .item:hover .text span{background:var(--vi-subcolor);}

.products-right .item:nth-child(1){margin-bottom: 24px;animation:fadeInDown .5s linear;}
.products-right .item:nth-child(2){animation:fadeInUp .5s linear;}
.products-right .item .text{padding:8.5% 6%;}
.products-right .item .text:before{top:21%;width:4px;height:22px;}
.products-right .item .text h3{font-size:24px;font-weight:bold;line-height:40px;color:#132842;}
.products-right .item .text p{margin-top:20px;width:280px;font-size:16px;color:#132842;line-height:26px;}
.products-right .item .text span{display:inline-block;margin-top:25px;font-size:18px;color:#64728d;}
.products-right .item .text span:after{display:inline-block;margin-left:15px;font-family:"iconfont";content:"\e694";}
.products-right .item:hover .text span{color:var(--vi-color);}
@media(max-width:1200px){
.products{padding:40px 10px;}
.products-inner>div{width:calc(100% - 5px);}
.products-inner .item .text p,.products-inner .item .text span{display:none;}
.products-inner .item .text h3{font-size:16px;}
.products-left .item{margin-bottom:10px;}
.products-right .item:nth-child(1){margin-bottom:10px;}
}
/*--end products--*/
section.solution, section.new-split-banner-container, section.news{height:100vh;padding: 1.875rem 0 !important;}
@media screen and (max-width:1800px){
    section.solution, section.new-split-banner-container, section.news{padding:2.375rem 0}
    .wrap-title{margin-bottom:2.375rem;}
    .solution-list .item{height: 13rem !important;}
    .new-split-banner-container-2 .new-split-banner-wrapper .public-style{height: 18rem !important;}  
    .solution-list .item .pic h3{bottom: 15%;}
    .wrap-title:after{width: 5rem;}
}
@media screen and (max-width:1600px){
    section.solution, section.new-split-banner-container, section.news{padding: 1.875rem 0;}
    .wrap-title{margin-bottom:1.875rem;}
    .solution-list .item,.new-split-banner-container-2 .new-split-banner-wrapper .public-style{height: 22rem !important;}  
    .solution-list .item .pic h3{bottom: 15%;}
    .wrap-title:after{width: 4rem;}
}
/*--solution--*/
.solution{padding:70px 0;overflow:hidden;background: #ededed;}
.products~.solution{padding-top:0;}
.solution-inner{overflow:hidden;}
.solution-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.solution-list .item{position:relative;width: calc(33.333333% - 10px);overflow:hidden;height: 15rem;border-radius: 10px;margin-bottom: 20px;}
.new-split-banner-container-2 .new-split-banner-wrapper .public-style{position:relative;margin:12px;width: calc(33.333333% - 24px);overflow:hidden;height: 20rem;}
.solution-list .item:hover .solution-list .pic:before{display:none;}
.solution-list .pic{position:relative;overflow:hidden;height: 100%;}
.solution-list .pic:before{content:"";position:absolute;width: 100%;height: 100%;background-image: linear-gradient(transparent 40%,rgb(30 30 30 / 90%));transition: linear-gradient .3s ease;}
.solution-list .pic img{display:block;transition:all 1s;overflow: hidden;height: 100%;}
.solution-list .pic h3{position:absolute;left:35px;bottom: 15%;right:35px;font-size:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.solution-list .text{position:absolute;top:0;left:0;padding:30px;width:100%;height:100%;background: rgba(30,30,30,70%);transform:translateY(100%);transition: all .5s ease;}
.solution-list .text h3{font-size:24px;color:#fff;}
.solution-list .text p{margin-top:15px;font-size:16px;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.solution-list .text span{position:absolute;left:30px;bottom:30px;font-size:16px;color:#fff;}
.solution-list .text span:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";color: #ffffff;}
.solution-list .item:hover .pic img{transform:scale(1.1);}
.solution-list .item:hover .pic h3{opacity:0;}
.solution-list .item:hover .text{transform:translateY(0);}
.solution-list .item:nth-child(odd){animation:flipInX 1s;}
.solution-list .item:nth-child(even){animation:flipInY 2s;}
@media screen and (max-width:1400px){
    .wrapper{max-width:1300px}
    .solution-list .item{height: 14rem !important;}
    .news-content .news-content-right .right-item, .news-content .news-content-left .left-item{padding-bottom: 15px;}
    .news-content .info-introduction .info-subtitle{font-size:16px;}
    .news-content .info-introduction .info-desc{font-size:14px;}
    .news-content .info-introduction{margin-top:15px;}
}
@media(max-width:1200px){
.solution{padding:40px 10px;}
.solution-list{margin:-5px;}
.solution-list .item{margin:5px;width:calc(50% - 10px);}
.solution-list .item:first-child{width:calc(100% - 10px);}
.solution-list .pic h3{left:10px;bottom:10px;right:10px;font-size:16px;}
.solution-list .text{display:none;}
.solution-list .item:hover .pic h3{opacity:1;}
}
/*--end solution--*/

/*--case--*/
.case{padding:70px 0;overflow:hidden;background:#fff;}
.solution~.case{padding-top:0;}
.case-inner{overflow:hidden;background:url(../images/Index/case_bg.jpg) no-repeat center / cover;}
.case-slide{position:relative;}
.case-slide .swiper-prev,.case-slide .swiper-next{position:absolute;z-index:9;top:50%;width:30px;height:60px;line-height:60px;color:#fff;text-align:center;cursor:pointer;transform:translateY(-50%);}
.case-slide .swiper-prev{left:-100px;}
.case-slide .swiper-next{right:-100px;}
.case-slide .swiper-prev:hover,.case-slide .swiper-next:hover{background:var(--vi-subcolor);}
.case-slide .swiper-container{padding-left:1px;overflow:hidden;}
.case-slide .item{display:block;padding:10% 4% 5%;overflow:hidden;border-right:rgba(255,255,255,.1) solid 1px;transition:all 1s;}
.case-slide .item .pic{margin:0 auto;width:125px;height:125px;overflow:hidden;border-radius:50%;background:#fff;}
.case-slide .item .text{padding-top:15px;text-align:center;overflow:hidden;}
.case-slide .item .text h3{font-size:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-slide .item .text small{display:inline-block;margin-top:6px;padding:0 6px;line-height:30px;font-size:16px;color:#fff;border:#fff solid 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-slide .item .text p{margin-top:50px;margin-bottom:30px;height:150px;line-height:30px;font-size:16px;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.case-slide .item .text i{display:block;margin:0 auto;width:40px;height:3px;content:"";background:#fff;}
.case-slide .item .text span{display:block;margin-top:22px;font-size:18px;color:#fff;opacity:0;}
.case-slide .item .text span:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";color:#28c9ff;}
.case-slide .item:hover{background:rgba(0,67,176,0.9);}
.case-slide .item:hover .pic{transform:rotate(360deg);transition:all .5s;}
.case-slide .item:hover .text i{opacity:0;}
.case-slide .item:hover .text span{opacity:1;}
.case-more{margin-top:55px;text-align:center;overflow:hidden;}
.case-more a{display:inline-block;width:150px;line-height:48px;font-size:18px;text-align:center;color:#6e7b95;border:#dde0e6 solid 1px;transition:all .5s}
.case-more a:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";}
.case-more a:hover{color:#fff;background:var(--vi-subcolor);border-color:var(--vi-subcolor);}
@media(max-width:1600px){
.solution-list .item{height: 14rem !important;}
.case-slide .swiper-prev{left:-60px;}
.case-slide .swiper-next{right:-60px;}	
.case-slide .item .text h3{font-size:20px;}
.case-slide .item .text small{font-size:14px;}
.case-slide .item .text p{margin-top:40px;margin-bottom:25px;height:130px;line-height:26px;font-size:14px;}
}
@media(max-width:1200px){
.case{padding:40px 10px;}
.case-slide .swiper-prev,.case-slide .swiper-next{display:none;}
.case-slide .item{padding:25px 10px;}
.case-slide .item .pic{width:80px;height:80px;}
.case-slide .item .text h3{font-size:16px;}
.case-slide .item .text small{display:block;line-height:28px;font-size:14px;}
.case-slide .item .text p{display:none;}
.case-slide .item .text i{display:none;}
.case-slide .item .text span{opacity:1;font-size:14px;}
.case-more{margin-top:25px;}
.case-more a{width:120px;line-height:38px;font-size:14px;}
}
/*--end case--*/

/*--aboutus--*/
.aboutus{padding:70px 0;overflow:hidden;background:#fff;}
.case~.aboutus{padding-top:0;}
.aboutus .wrap-title{display:none;}
.aboutus-inner{display:flex;flex-wrap:wrap;flex-direction:row-reverse;overflow:hidden;background:#f2f5f7;}
.aboutus-inner .pic{width:50%;overflow:hidden;}
.aboutus-inner .pic img{transition:all 1s;}
.aboutus-inner .pic:hover img{transform:scale(1.1);}
.aboutus-inner .text{position:relative;padding:4.25%;width:50%;overflow:hidden;}
.aboutus-inner .text .intro{overflow:hidden;}
.aboutus-inner .text .intro h3{font-size:42px;font-weight:bold;line-height:1.2;color:var(--vi-color);}
.aboutus-inner .text .intro p{margin-top:30px;height:120px;line-height:30px;font-size:16px;color:var(--vi-subcolor);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.aboutus-inner .text .intro a.read{display:inline-block;margin-top:30px;width:140px;line-height:48px;font-size:18px;text-align:center;color:#6e7b95;border:#dde0e6 solid 1px;transition:all .5s}
.aboutus-inner .text .intro a.read:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";}
.aboutus-inner .text .intro a.read:hover{color:#fff;background:var(--vi-subcolor);border-color:var(--vi-subcolor);}
.aboutus-inner .text .btns{position:absolute;left:8.5%;bottom:8.5%;right:8.5%;overflow:hidden;}
.aboutus-inner .text .btns .item{display:block;float:left;padding:10px 0;width:25%;text-align:center;border-right:#d6dbe2 solid 1px;}
.aboutus-inner .text .btns .item:nth-child(1){border-left:#d6dbe2 solid 1px;}
.aboutus-inner .text .btns .item i{display:block;margin:0 auto;width:30px;height:30px;overflow:hidden;}
.aboutus-inner .text .btns .item span{display:block;margin-top:6px;font-size:16px;color:#64728d;}
.aboutus-inner .text .btns .item:hover i img{position:relative;top:-30px;border-bottom:30px solid transparent;filter:drop-shadow(#0043b0 0px 30px);}
.aboutus-inner .text .btns .item:hover span{color:var(--vi-color);}
@media(max-width:1600px){
.aboutus-inner .text .intro h3{font-size:36px;}
.aboutus-inner .text .intro p{margin-top:25px;height:84px;line-height:28px;-webkit-line-clamp:3;}
}
@media(max-width:1200px){
.aboutus{padding:40px 10px;}
.aboutus .wrap-title{display:block;}
.aboutus-inner .pic{width:100%;}
.aboutus-inner .text .intro h3{font-size:24px;}
.aboutus-inner .text .intro p{margin-top:15px;height:60px;line-height:20px;font-size:14px;}
.aboutus-inner .text .intro a.read{margin-top:20px;width:120px;line-height:38px;font-size:14px;}
.aboutus-inner .text{padding:20px;width:100%;}
.aboutus-inner .text .btns{position:static;margin-top:30px;}
.aboutus-inner .text .btns .item{width:50%;}
.aboutus-inner .text .btns .item:nth-child(1),.aboutus-inner .text .btns .item:nth-child(2){border-bottom:#d6dbe2 solid 1px;}
.aboutus-inner .text .btns .item:nth-child(3){border-left:#d6dbe2 solid 1px;}
}
/*--end aboutus--*/

/*--news--*/
.news{padding:70px 0;overflow:hidden;background:#fff;}
.aboutus~.news{padding-top:0;}
.news .wrap-title{margin-bottom: 1.875rem;}
.news-menu{overflow:hidden;}
.news-menu ul{display:flex;justify-content:center;}
.news-menu li{position:relative;line-height:50px;font-size:24px;}
.news-menu li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-15px;width:30px;height:5px;content:"";background:var(--vi-color);border-radius:3px;transform:scaleX(0);transition:all 1s;}
.news-menu li a{display:block;padding:0 25px;color:#6e7b95;}
.news-menu li.cur:after{transform:scaleX(1);}
.news-menu li.cur a{color:var(--vi-color);}
.news-main{overflow:hidden;}
.news-main.news-content{display:grid;grid-template-columns: 30% 70%;}
.news-top{float:left;width:780px;overflow:hidden;}
.news-top .item{display:block;padding:55px 65px 0;background:#f2f5f7;overflow:hidden;}
.news-top .item .text{overflow:hidden;}
.news-top .item .text em{display:block;padding-left:20px;line-height:24px;font-size:16px;color:#64728d;background:url(../images/Index/icon_time.png) no-repeat 0 center;}
.news-top .item .text h3{margin-top:8px;line-height:30px;font-size:20px;color:var(--vi-subcolor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .item .text p{margin-top:25px;height:90px;line-height:30px;font-size:16px;color:#64728d;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-top .item .pic{margin-top:16px;overflow:hidden;}
.news-top .item .pic img{transition:all 1s;}
.news-top .item:hover .pic img{transform:scale(1.1);}
.news-list{width: 100%;overflow:hidden;}
.news-list .item{display:block;margin-bottom:36px;overflow:hidden;width: calc(100% / 2 - 15px);float: left;margin-right: 15px;}
.news-list .item:last-child{margin-bottom:0;}
.news-list .item .pic{float:left;width:222px;overflow:hidden;}
.news-list .item .pic img{transition:all 1s;}
.news-list .item .text{padding:8px 35px;overflow:hidden;float: right;width: calc(100% - 222px);box-sizing: border-box;}
.news-list .item .text em{display:block;padding-left:20px;line-height:24px;font-size:16px;color:#64728d;background:url(../images/Index/icon_time.png) no-repeat 0 center;}
.news-list .item .text h3{line-height:35px;font-size:20px;color:var(--vi-subcolor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .item .text p{height:50px;line-height:25px;font-size:14px;color:#64728d;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list .item:hover{background:#f2f5f7;transition:all .5s;}
.news-list .item:hover .pic img{transform:scale(1.1);}
@media(max-width:1600px){
.news-top{width:650px;}
.news-list .item .pic{width:190px;}
.news-list .item .text{padding:5px 30px;}
.news-list .item .text h3{line-height:32px;}
.news-list .item .text p{height:40px;line-height:20px;}
}
@media(max-width:1200px){
.news{padding:40px 10px;}
.news .wrap-title{margin-bottom:20px;}
.news-menu li{flex:1;text-align:center;line-height:35px;font-size:18px;}
.news-menu li:after{margin-left:-10px;width:20px;height:3px;}
.news-menu li a{padding:0;}
.news-main{margin-top:25px;}
.news-top{display:none;}
.news-list{float:none;width:100%;padding:0;}
.news-list .item{margin-bottom:10px;width: 100%;}
.news-list .item .pic{width:135px;}
.news-list .item .text{padding:3px 15px;width: calc(100% - 135px);}
.news-list .item .text em{font-size:14px;}
.news-list .item .text h3{height:44px;line-height:22px;font-size:15px;white-space:unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list .item .text p{display:none;}
}
/*--end news--*/

.more_app {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border-top: 1px dashed #DCDFE2;
    height: 970px;
}

.more_app>.circel {
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    left: 40%;
    box-shadow: 0px 0px 10px 1px darkgrey;
}

.more_app>.circel>.line_circel {
    width: 80%;
    height: 80%;
    position: absolute;
    border-radius: 50%;
    top: 10%;
    left: 10%;
    border: 2px dashed;
    transition: 2s;
    background-size: 99%;
    overflow: hidden;
}

.more_app>.circel>.line_circel>span {
    background: url(../images/Index/cricle.png) no-repeat center center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    /* top: 10%;
left: 10%; */
    background-size: 100%;
    transition: 2s;
}

.more_app>.circel>span {
    display: block;
    width: 50%;
    height: 50%;
    position: absolute;
    border-radius: 50%;
    top: 25%;
    left: 25%;
    background-image: url(../images/Index/cricle_1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* .more_app>.circel>span>img{
display: block;
width: 100%;
height: auto;
} */
.more_app>.circel>.divs {
    width: 100%;
    height: 100%;
    position: relative;
    transition: 2.5s;
}

.more_app>.circel>.divs>div {
    /* width: 13%;
height: 13%; */
    width: 120px;
    height: 120px;
    position: absolute;
    background-size: 90%;
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 50%;
    background-position: center;
    background-color: #2B2E3D;
    transition: 2.5s;
}

.more_app>.circel>.divs>div>i {
    display: none;
}

.more_app>.circel>.divs>.active {
    background-color: transparent;
    border: 1px dashed #F06E1B;
}

.more_app>.circel>.divs>.active>i {
    position: absolute;
    display: block;
    width: 10%;
    height: 10%;
    border-radius: 50%;
    background-color: #F06E1B;
}

.more_app>.circel>.divs>.active>i:nth-child(2) {
    top: 71%;
    left: 2%;
}

.more_app>.circel>.divs>.active>i:nth-child(3) {
    top: 21%;
    right: 0%;
}

.more_app>.circel>.divs>.active>div {
    border: 5px solid;
    background-color: #fff;
}

.more_app>.circel>.divs>.active>div>p {
    color: #2B2E3D;
    line-height: 10px;
}

.more_app>.circel>.divs>div>div {
    width: 80%;
    height: 80%;
    margin: 10% 0 0 10%;
    border-radius: 50%;
    border: 1px dashed #fff;
}

.more_app>.circel>.divs>div>div>span {
    display: block;
    width: 80%;
    height: 80%;
    margin: 0 auto;
    border-radius: 50%;
    transform: translateY(-4px);
}

.more_app>.circel>.divs>div>div>span>img {
    width: 70%;
    height: 70%;
    margin: 15% auto;
    display: block;
}

.more_app>.circel>.divs>div>div>p {
    font-size: 14px;
    text-align: center;
    color: #fff;
    transform: translateY(-100%);
}

.more_app>.left {
    width: 60%;
    height: 100%;
    background-color: #F0F3F5;
    padding: 5% 0 0 7%;
}

.more_app>.left>h2 {
    font-size: 60px;
    color: #2B2E3D;
}

.more_app>.left>p {
    font-size: 24px;
    color: #D4D7DA;
    margin-bottom: 20%;
}

.more_app>.left>span {
    width: 100%;
    height: auto;
    display: block;
}

.more_app>.left>span>p {
    font-size: 18px;
    line-height: 6vh;
    color: #2b2e3d;
}

.more_app>.left>div {
    width: 100%;
    height: 6%;
    display: flex;
    margin-top: 8%;
    justify-content: start;
}

.more_app>.left>div>button {
    width: 50px;
    height: 50px;
    margin-right: 3%;
    border: none;
    display: block;
    outline: none;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.5s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.more_app>.left>div>.ico_lf {
    /* background: url(../images/Index/left.png) no-repeat center center #B5B8BD; */
    background: url(../images/Index/left.png) no-repeat 42% 52% #B5B8BD;
    background-size: 70%;
}

.more_app>.left>div>.ico_lf:hover {
    background-color: #2D3040;
}

.more_app>.left>div>.ico_rt {
    background: url(../images/Index/left.png) no-repeat 42% 52% #B5B8BD;
    background-size: 70%;
    transform: rotate(180deg);
}

.more_app>.left>div>.ico_rt:hover {
    background-color: #2D3040;
}

.more_app>.right {
    width: 40%;
    height: 100%;
    background-color: #fff;
}
.more_app>.right:after{content:""}
.background-f0f3f5{background-color: var(--backgournd-f0f3f5);}
.reset-m-p{margin: 0;padding: 50px 0;}
@media screen and (max-width: 1850px){
    .more_app {
        min-height: 930px;
        height: 930px;
    }
}
@media screen and (max-width: 1750px){
    .more_app {
        min-height: 900px;
        height: 900px;
    }
    .more_app>.circel {
        min-width: 910px;
    }
}
@media screen and (max-width: 1680px){
    .more_app {
        min-height: 870px;
        height: 870px;
    }
    .more_app>.circel {
        width: 890px;
        min-width: 870px;
    }
}
@media screen and (max-width: 1600px){
    .more_app {
        min-height: 730px;
        height: 730px;
    }
    .more_app>.circel {
        width: 790px;
        min-width: 790px;
        left: 42%;
    }
}
@media screen and (max-width: 1440px){
    .more_app {
        /* min-height: 630px; */
        height: 630px;
    }
    .more_app>.circel {
        width: 630px;
        min-width: 630px;
        left: 50%;
    }
}
@media screen and (max-width: 1280px){
    .more_app {
        min-height: 516px;
        height: 516px;
    }
    .more_app>.circel {
        width: 516px;
        min-width: 516px;
        left: 45%;
    }
    .more_app>.left>span>p{
        font-size:14px;
        line-height: 4vh;
    }
}
@media screen and (max-width: 540px){
    .more_app {
        width: 100% !important;
        min-height: 750px !important;
        flex-direction: column;
        justify-content: start;
        background-color: #F0F3F5;
    }
    .more_app>.circel {
        width: 355px !important;
        min-height: auto !important;
        min-width: 355px;
        position: relative;
        height: 60%;
        left: 0;
        top: 0;
        width: 90%;
        margin: 0 auto;
        height: 355px;
    }
    .more_app>.circel>.divs>div {
        width: 50px;
        height: 50px;
    }
    .more_app>.circel>.line_circel {
        width: 50%;
        height: 50%;
        top: 25%;
        left: 25%;
    }
}
@media screen and (max-width: 450px){
    .more_app>.left {
        width: 100%;
        height: 35%;
        position: relative;
    }
    .more_app>.left h2{font-size:22px}
    .more_app>.left>p{display:none}
    .more_app>.left>div {
        width: 37%;
        display: flex;
        margin-top: 8%;
        margin: 4% 15px 0 auto;
        justify-content: space-around;
        position: absolute;
        top: 20%;
        right: -5%;
        height: 30%;
    }
    .more_app>.left>span {
        width: 55%;
    }
    .more_app>.circel>span {
        width: 30%;
        height: 30%;
        top: 35%;
        left: 35%;
    }   
    .more_app .right{display:none}
    .products{
        padding-left: 0;
        padding-right: 0;
    }
    .more_app>.left>div>.ico_rt,.more_app>.left>div>.ico_lf {
        background-size: 30%;
        width: 40px;
        height: 40px;
    }
}